<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>车联网协议</title>
  <!-- Tell the browser to be responsive to screen width -->
  <script>var baseurl = ''</script>
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <!-- Bootstrap 3.3.7 -->
  <link rel="stylesheet" href="css/bootstrap.min.css" />
</head>
<body class="hold-transition skin-blue sidebar-mini fixed" ng-app="indexApp">
    <div class="wrapper" ng-controller="indexCtrl">
        <!-- Content Wrapper. Contains page content -->
        <div class="content-wrapper">
            <div class="row" style="width: 800px;margin: 10px auto;">
              <div class="col-sm-12" style="height: 330px;">
                <div class="col-sm-3" style="height: 100%;border: 1px solid gray;">
                    <p style="margin-top: 10px">终端列表：</p>
                    <div style="width: 100%;height: 200px;overflow: auto;">
                      <table class="table table-bordered table-striped table-condensed table-hover">
                        <thead>
                            <tr>
                                <th>设备号</th>                       
                            </tr>
                        </thead>
                      <tbody>                
                     <tr ng-repeat="(key,value) in list">
                            <td>
                                {{key}}
                            </td>           
                        </tr>
                       </tbody>
                </table>  
                    </div>
                    <div style="margin: 10px;">
                       <span>编号：</span>
                       <input ng-model="devid" style="width: 90px;" />
                       <button type="button" class="btn btn-sm btn-primary" ng-click = "add_dev()">
                               添加
                       </button>
                    </div>
                </div>
                <div class="col-sm-9" style="border: 1px solid gray;height: 100%;">
                   <form>
                     <div class="form-group" style="margin-top: 10px;">
                        <label class="control-label">数据类型:</label>
                        <select class="form-control" ng-model="seltype">
                            <option value="1">注册包</option>
                            <option value="2">鉴权包</option>
                            <option value="3">拍照</option>
                            <option value="4">查询位置</option>
                            <option value="5">查询驾驶员信息</option>
                        </select>
                      </div>
                      <div class="form-group" style="margin-top: 10px;">
                        <label class="control-label">发送间隔(毫秒):</label>
                        <input class="form-control" type="number" ng-model="send_time"></input>
                      </div>
                      <button type="button" class="btn btn-primary pull-right" ng-click = "send_data()">
                        发送
                      </button>
                   </form>
                    
                </div>
              </div>
              <div class="col-sm-12" style="margin-top: 10px;">
                <p>发送出去的数据：</p>
                <textarea style="width: 100%;height: 100px;" ng-model="senderdata">
                  
                </textarea>
                <p>接收到的数据：</p>
                <textarea style="width: 100%;height: 100px;" ng-model="receivedata">
                  
                </textarea>
              </div>
              
            </div>
           
             

        </div>
        
    </div>
    <!-- ./wrapper -->
    <!-- jQuery 3 -->
    <script src="js/jquery-1.11.3.js"></script>
    
		<script src="js/angular.min.js"></script>
		 <!-- Bootstrap 3.3.7 -->
		<script src="js/bootstrap.js"></script>


		<script src="controller/indexCtrl.js"></script>
</body>
</html>
